<template>
	<view @change="def_change">
		<!-- 顶部卡片信息 -->
  <cardInfo @do_showMore="do_showMore" :orderData='orderData' :VehicleInfoSN="VehicleInfoSN" @do_showDetail="do_showDetail" @do_changeData="do_changeData"></cardInfo>
		<view class="tab-bar" style="margin-top: 25rpx;">
			<tab-bar style="width: 100%;" :tabBars="tabBar.tabBars" :tabIndex="tabBar.tabIndex" @tapTab="tapTab"></tab-bar>
		</view>
		<!-- 选项卡信息 -->
		<swiper    :duration="0" :current="tabBar.tabIndex" class="swiper-box" :class="showMore?'swiper-box':'swiper-box2'" >
			<swiper-item catchtouchmove="false">
				<view class="make-order paddingB100upx">
					<view class="title flex zcAlignI_center">
							<view class="left-color-grey">备注：</view>
							<!-- <view > -->
								<textarea style="min-height: 34upx;"   @change="def_change" value=" " placeholder=" " auto-height v-model="orderData.RepairRemark"/>
								<!-- </view> -->
					</view>
					<view class="title flex zcAlignI_center f-side">
							<view class="left-color-grey">服务方案：</view>
							<view class="iconfont icon-jia" @tap="do_addService()" v-if="type != 'getP_FinishCar_Day'"></view>
					</view>
					<view class="select-list">
						<block v-for="(item,index) in orderData.items" :key="index">
								<view>{{item.Class3}}</view>
						</block>
					</view>
				</view>
			</swiper-item>
			<swiper-item catchtouchmove="false">
				<!-- 车周期 -->
          <scroll-view scroll-y class="scroll-view">
						<view class="paddingB100upx">
							<block v-for="(item,index) in cycleData" :key="index" >
								<view class="car-cycle-wrap">
									<cardCycle @addNewCycle='addNewCycle' :item = "item" ></cardCycle>
								</view>
						 </block>
						 <view v-if="cycleData.length==0" class="uni-tab-bar-loading" style="text-align: center;">
						 	<view class="no_model">
						 		<image src="../../static/no_data.png" mode="widthFix" style="width: 100%;"></image>
						 		<view class="no_text">暂无数据</view>
						 	</view>
						 </view>
						</view>
         </scroll-view>
			</swiper-item>
			<swiper-item catchtouchmove="false">
				<!-- 卡券 -->
          <scroll-view scroll-y class="scroll-view">
						<view class="paddingB100upx">
<!-- 							<block v-for="(item,index) in 5" :key="index">
               <cardTicket></cardTicket>
						  </block> -->
							<view  class="uni-tab-bar-loading" style="text-align: center;">
								<view class="no_model">
									<image src="../../static/no_data.png" mode="widthFix" style="width: 100%;"></image>
									<view class="no_text">暂无数据</view>
								</view>
							</view>
						</view>
         </scroll-view>
			</swiper-item>
			<swiper-item catchtouchmove="false" >
				<!-- 消费历史 -->
			    <scroll-view scroll-y class="scroll-view" @scrolltolower="do_getMore" v-if="tabBar.tabIndex==3">
						<view class="">
							<block v-for="(item,index) in carHistoryData" :key="index">
               <carHistory :item="item"></carHistory>
						 </block>
						 						<!-- 无数据 -->
						 <view v-if="carHistoryData.length==0" class="uni-tab-bar-loading" style="text-align: center;">
						 	<view class="no_model">
						 		<image src="../../static/no_data.png" mode="widthFix" style="width: 100%;"></image>
						 		<view class="no_text">暂无数据</view>
						 	</view>
						 </view>
						 						 						<!-- 上拉加载 -->
						 <view v-show="loadingText" class="uni-tab-bar-loading">
						 	{{loadingText}}
						 </view>
						</view>
			   </scroll-view>
			</swiper-item>
		</swiper>
		<!-- 底部按钮由于放在swiper里面固定定位IOS不兼容，所以拿出来放在外面 -->
		<view class="bottom-btn">
			<view class="bottom-btn-view  flex" v-if="type != 'getP_FinishCar_Day'&&tabBar.tabIndex==0">
				<button type="primary" @tap="do_submit('save')" :disabled="saveDisabled">保存</button>
				<button type="primary" @tap="do_submit('giveUp')">终止</button>
				<button type="primary" @tap="do_submit('sureOrder')">{{carInfoType=="metting"?'确认开单':'交车'}}</button>
			</view>
			<view v-if="tabBar.tabIndex==1">
				<button type="primary" class="add-cycle-btn" @click="do_addCycle">添加周期表</button>
			</view>
<!-- 			<view class="" v-if="tabBar.tabIndex==2">
				<button type="primary" class="add-cycle-btn" @tap='go_more("cardTicket")'>查看更多</button>
			</view> -->
<!-- 			<view class="" v-if="tabBar.tabIndex==3">
				<button type="primary" class="add-cycle-btn"  @tap='go_more("carHistory")'>查看更多</button>
			</view> -->
		</view>
			<!-- 修改或者添加列表组件 isAddNew=true表示新加-->
			<view v-if='cycleAddShow' class="cycleAddShow">
				<cycleAdd :orderData="orderData" :opcity1 ="opcity1" :isAddNew="isAddNew" @do_editCycle="do_editCycle" @do_addCycleSubmit="do_addCycleSubmit"  :cycleEditData="cycleEditData"></cycleAdd>
			</view>
			<!-- 修改列表组件里面的周期选择 -->
			<view class="cycle-select" v-if="cycleSelectShow">
				<cycleSelect :orderData="orderData" @get_select="get_select" ></cycleSelect>
			</view>
					<!-- 展示详细线索 -->
			<view class="show-detail-wrap f-center" v-if="showCommon" @tap="close_showdetail">
				<view class="show-detail-info ">
					<view class="flex"><view style="color:#A0A0A0;margin-right: 10upx;">项目名称:</view>{{showCommonData.Name}}</view>
					<view class="flex"><view style="color:#A0A0A0;margin-right: 10upx;">到期时间:</view>{{showCommonData.ExpireDate}}</view>
				</view>
			</view>
	</view>
</template>

<script>
	let _this;
	import tabBar from "../../components/tab-bar/tab-bar.vue"
	import cardInfo from "../../components/home-metting/home-metting-service-info.vue"
	import cardCycle from "../../components/home-metting/car-cycle.vue"
	import cardTicket from "../../components/home-metting/card-ticket.vue"
	import carHistory from "../../components/home-metting/car-history.vue"
	import cycleAdd from "../../components/home-metting/car-cycle-add.vue"
	import cycleSelect from "../../components/home-metting/select_one_cycle.vue"
	export default {
		components:{
			tabBar,
			cardInfo , //顶部卡片信息
			cardCycle, //车辆周期
			cardTicket, //卡券
			carHistory, //历史消费
			cycleAdd , //修改周期
			cycleSelect //选择周期项目
		},
		data() {
			return {
				showCommon:false, //详细
				showCommonData:{},
				carSN:'', //车辆
				isAddNew:false,
				cycleAddShow:false,
					tabBar:{
					tabIndex:0,
					tabBars:[
						{	name:'开单'},
						{name:'车辆周期列表'},
						{name:'卡券'},
						{name:'消费历史'},
					]
				},
				firstLoad:true,
				orderData:{},  //开单数据
				cycleData:{},  //周期表数据
				VehicleInfoSN:''  ,//车辆档案SN
				carInfoType:' '  ,//用于判断是从哪里进来该页面，接待，服务中，已交车三状态
				carHistoryData:[]  ,//消费历史数据
				type:'',
				comparData:''  ,//用于比较是否数据变动
				saveDisabled:false ,//防止重复点击保存
				cycleEditData:{}    ,//编辑车辆周期请求回来的数据
				cycleSelectShow:false, //选择一个周期是否显示
				opcity1:false    ,//控制子组件输入框是否隐藏
				showMore:true,
				pages:10,	// 每页 显示多少条数据
				pageIndex0:0,	// 当前数据开始数据是第几条 消费历史分页
				dataLength0:0,	// 当前数据返回个数
				loadingText:''
			}
		},
		created(){
			_this = this;
		},
		onLoad(e){
			console.log('页面参数 = ',e);
			_this.carSN = e.SN;
			_this.VehicleInfoSN = e.VehicleInfoSN;
			_this.carInfoType = e.type
			let _type = "";  //初次进入页面初始化不同的进入页面情况调用不同的action
			if(e.type == "service"){
				_this.type = "getP_RpairCar"
			}else if(e.type == "metting"){
				_this.type = "getP_ReceptionCar"
			}else if(e.type = "finish"){
				_this.type = "getP_FinishCar_Day"
			}
			console.log(_this.type);
			_this.getP_ReceptionCar(_this.type);
		},
		onShow(){
			if(!this.firstLoad){
				console.log("返回进入")
				// _this.orderData=JSON.parse(uni.getStorageSync('orderData'));
				// console.log(_this.orderData);
				_this.getP_ReceptionCar(_this.type);
			}
			this.firstLoad = false;
		},
		methods: {
			do_showMore(item){
				_this.showMore = item;
			},
			do_changeData(item){
				console.log("item",item);
				_this.orderData = item
			},
									/* 显示线索详情 */
			do_showDetail(item){
				if(item){
					_this.showCommon = true;
					_this.showCommonData = item;
				}
			},
			close_showdetail(){
				_this.showCommon = false
			},
			/* 车辆添加编辑周期 */
			doDelPeriodictTable(SN){  //删除手动添加的周期
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: "doDelPeriodictTable",
						Data: {
							SN:SN
						}
					},
					Callback:_this.cb_doDelPeriodictTable,
					Scope: _this
				})
			},
			cb_doDelPeriodictTable(resJson,scope){
				 	console.log("删除周期返回数据",resJson)
					if(resJson.success){
							uni.showToast({
								title: '删除成功！'
							});
							setTimeout(function() {
								_this.def_getTbarData();
								}, 1200);
					}else{
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			doSavePeriodicTable(item){  //保存添加或者修改的周期
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: "doSavePeriodicTable",
						Data: {
							obj:item
						}
					},
					Callback:_this.cb_doSavePeriodicTable,
					Scope: _this
				})
			},
			cb_doSavePeriodicTable(resJson,scope){
				 	console.log("添加周期或者新加周期返回",resJson)
					if(resJson.success){
							uni.showToast({
								title: '保存成功！'
							});
							setTimeout(function() {
								_this.cycleAddShow = false;
								_this.def_getTbarData();
								}, 1200);
						}else{
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			do_editCycle(item){ //新加周期进入选择
			console.log(item);
			  _this.opcity1 = true;
				_this.cycleSelectShow = true;
				_this.cycleEditData = item
			},
			get_select(item){
				_this.opcity1 = false;
				_this.cycleSelectShow = false;
				_this.cycleEditData.Class3 = item.Class3;
				_this.cycleEditData.ItemModelSN = item.SN;
				console.log(item);
			},
			GetPeriodicTable_Edit(SN){  //开单是信息 
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: "GetPeriodicTable_Edit",
						Data: {
							SN:SN
						}
					},
					Callback:_this.cb_GetPeriodicTable_Edit,
					Scope: _this
				})
			},
			cb_GetPeriodicTable_Edit(resJson,scope){
				 	console.log("编辑周期返回数据",resJson)
					if(resJson.success){
						_this.cycleEditData = resJson.data;
						_this.cycleEditData.ExpireDate=_this.$ZcPublic.formatDate( _this.cycleEditData.ExpireDate,'yyyy-MM-dd')
						_this.isAddNew = false;
					  _this.cycleAddShow = true ;
					}else{
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			/* 消费情况函数 */
			GetConsumerHisListByVehicle(anction,SN={SN:_this.carSN}){  //周期表信息，消费列表信息，卡券信息
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: anction,
						Data:SN
					},
					Callback:_this.cb_GetConsumerHisListByVehicle,
					Scope: _this
				})
			},
			cb_GetConsumerHisListByVehicle(resJson,scope){
 //分三种情况，车辆周期，卡券，消费历史
				 	console.log("选项卡请求数据",resJson)
					if(resJson.success){
						
						 // _this.orderData.VehicleRegistryDate=_this.$ZcPublic.formatDate( _this.orderData.VehicleRegistryDate,'yyyy-MM-dd')
					
					switch(_this.tabBar.tabIndex){
						case 1 :
							_this.cycleData = resJson.data
							if( _this.cycleData instanceof Array && _this.cycleData){
								_this.cycleData.forEach((item)=>{
									item.ExpireDate=_this.$ZcPublic.formatDate(item.ExpireDate,'yyyy-MM-dd');
									item.LastDate=_this.$ZcPublic.formatDate(item.LastDate,'yyyy-MM-dd');
								})
							}
						break;
						case 2 :

						break;
						case 3 :
						
						if( resJson.data instanceof Array && resJson.data){
							resJson.data.forEach((item)=>{
								item.EntryDate=_this.$ZcPublic.formatDate(item.EntryDate,'yyyy-MM-dd');
							})
						}
						if(_this.pageIndex0 == 0){
							_this.carHistoryData = resJson.data
							_this.loadingText = '';
						}else{
								_this.carHistoryData =_this.carHistoryData?[..._this.carHistoryData,...resJson.data]:resJson.data ;
						}
						_this.dataLength0 = resJson.data.length;
						_this.pageIndex0 = _this.pageIndex0+resJson.data.length;	// 初始化 下次加载开始下标
						console.log('_this.carHistoryData', _this.carHistoryData);
						break;
					}
					}else{
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			/* 开单情况函数 */
			getP_ReceptionCar(type){  //开单是信息 
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: type,
						Data: {
							SN:_this.carSN
						}
					},
					Callback:_this.cb_getP_ReceptionCar,
					Scope: _this
				})
			},
			cb_getP_ReceptionCar(resJson,scope){
				 	console.log("开单详情",resJson)
					if(resJson.success){
					
						 //resJson.data.VehicleRegistryDate = _this.$ZcPublic.formatDate( resJson.data.VehicleRegistryDate,'yyyy-MM-dd')
						 if(resJson.data.PlanInsurDate=="1900/1/1"){
							 resJson.data.PlanInsurDate = '';
						 }
						 if(resJson.data.itemNoticeList instanceof Array && resJson.data.itemNoticeList){
							 resJson.data.itemNoticeList.forEach((item)=>{
								 item.ExpireDate = _this.$ZcPublic.formatDate(item.ExpireDate, 'yyyy-MM-dd');
							 })
						 }
						 	_this.orderData = resJson.data;
					   _this.comparData = JSON.stringify(_this.orderData )
					}else{
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			doSaveReception_Day(action){  //开单或者保存
			_this.saveDisabled = true;
			if(_this.orderData.Mil==''){
				_this.orderData.Mil=0
			}
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: action,
						Data: {
							SN:_this.carSN,
							obj:_this.orderData
						}
					},
					Callback:_this.cb_doSaveReception_Day,
					Scope: _this
				})
			},
			cb_doSaveReception_Day(resJson,scope){
				uni.hideLoading();
				 	console.log("开单保存",resJson)
					if(resJson.success){
						let _title="";
						if(_this.saveStatus=="doSaveReception_Day"||_this.saveStatus=="doSave_RepairCar"){
							_title = "保存成功！";
							uni.showToast({
								title:_title,
							});
							setTimeout(()=>{
							_this.getP_ReceptionCar(_this.type);
							_this.saveDisabled = false
							},1200)

						}else if(_this.saveStatus=="doSave_Repair"){
							_title = "确认开单成功！"
							uni.showToast({
								title:_title,
							});
							setTimeout(()=>{
								uni.switchTab({
									url:'../home/home'
								})
							},1200)

							return;
						}else if(_this.saveStatus=="doSaveAndFinish_RepairCar"){
							_title = "交车成功！";
							uni.showToast({
								title:_title,
							});
							setTimeout(()=>{
								uni.switchTab({
									url:'../home/home'
								})
							},1200)
													return;
						}

					}else{
						_this.saveDisabled = false
							uni.showModal({
								title:'温馨提示',
								content: resJson.msg,
								showCancel:false
							})
					}
			},
			doCancel_Reception(anction){  //终止接车anction代表是接待终止还是服务终止接口
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'Uni_Partner_Detail',
						Action: anction,
						Data: {
							SN:_this.carSN
						}
					},
					Callback:_this.cb_doCancel_Reception,
					Scope: _this
				})
			},
			cb_doCancel_Reception(resJson,scope){
				 	console.log("终止接车",resJson)
					if(resJson.success){
						uni.showToast({
							title: "终止接车成功！",
						});
						setTimeout(()=>{
							uni.switchTab({
								url:'../home/home'
							})
						},1200)
					}else{
						uni.showModal({
							title:'温馨提示',
							content: resJson.msg,
							showCancel:false
						})
					}

			},
			do_submit(item){ //分两种情况，接待进入和服务中进入，调用终止和交车接口不一样
			
			console.log("进入函数");
					switch(item){
						case "save":
						console.log("保存");
					// uni.showLoading({
					// 		title: '',
					// 		mask: true
					// 	});
							if(_this.carInfoType == 'metting'){ //接待进去和服务进去保存接口传数据一样，anction不一样
								_this.saveStatus="doSaveReception_Day"
							}else{
								_this.saveStatus="doSave_RepairCar"
							}
						_this.doSaveReception_Day(_this.saveStatus);
						break;
						case "giveUp":
						let _anction;
						if(_this.carInfoType == 'metting'){
							_anction = "doCancel_Reception"
						}else{
							_anction = "doCancel_Repair"
						}
						uni.showModal({
							title: '温馨提示',
							content: '请确认是否终止！',
							success: res => {
								if (res.confirm) {
										console.log('用户点击确定',_anction);
								  _this.doCancel_Reception(_anction);
								} 
							}
						});
						break;
						case "sureOrder":
						console.log("确认开单");
						let _content;
						if(_this.carInfoType =="metting"){
							_this.saveStatus="doSave_Repair";
							_content = '请确认是否开单！';
								uni.showModal({
								title: '温馨提示',
								content:_content ,
								success: res => {
									if (res.confirm) {
											console.log('用户点击确定');
										_this.doSaveReception_Day(_this.saveStatus);;
									} 
								}
							});
						}else if(_this.carInfoType =="service"){
							_this.saveStatus="doSaveAndFinish_RepairCar";
							_content = '请确认是否交车！'
							uni.showModal({
								title: '温馨提示',
								content:_content ,
								success: res => {
									if (res.confirm) {
											console.log('用户点击确定');
											let _compareData = JSON.stringify(_this.orderData)
											if(_compareData!=_this.comparData){ //当处于服务中时要判断是否改动过，改动过要先保存
												uni.showModal({
													title: '温馨提示',
													content: '请先保存再交车！',
													showCancel:false
												});
											}else{
												_this.doSaveReception_Day(_this.saveStatus);
											}
									} 
								}
							});
						}
						break;
					}
			},
			tapTab(e){
				_this.tabBar.tabIndex = e;
				// if(_this.tabBar.tabIndex == '3'){ //点击消费历史调用接口
				// 	_this.GetConsumerHisListByVehicle('GetConsumerHisListByVehicle');
				// }
				_this.pageIndex0 = 0;
				_this.dataLength0 = 0
				_this.def_getTbarData();
			},
			def_getTbarData(){
				let tabAnction={
					"3":{anction:"GetConsumerHisListByVehicle",SN:{SN:_this.VehicleInfoSN,PageIndex:_this.pageIndex0,Pages:_this.pages}}, //点击消费历史
					"1":{anction:"getCarShow_PeriodicTable",SN:{SN:_this.VehicleInfoSN}}, //点击车辆周期表
				}
				if(_this.tabBar.tabIndex==1||_this.tabBar.tabIndex==3){
					_this.GetConsumerHisListByVehicle(tabAnction[_this.tabBar.tabIndex].anction,tabAnction[_this.tabBar.tabIndex].SN)
				}
			},
			do_getMore(){  //上拉加载更多
				if(_this.tabBar.tabIndex == 3){
					if(_this.dataLength0<_this.pages){
						_this.loadingText = '没有更多了...';
						return
					}
					_this.loadingText = '加载中';
					let SNObj={
						SN:_this.VehicleInfoSN,PageIndex:_this.pageIndex0,Pages:_this.pages
					}
					_this.GetConsumerHisListByVehicle("GetConsumerHisListByVehicle",SNObj)
				}

			},
			do_addService(){ //开单添加服务方案
			console.log('../home_metting_edit_service/home_metting_edit_service2?SN=' + _this.carSN + '&VehicleInfoSN='+_this.VehicleInfoSN + '&type=' + _this.carInfoType + '&orderData=' + JSON.stringify(_this.orderData));
			
				uni.navigateTo({
					url: '../home_metting_edit_service/home_metting_edit_service2?SN=' + _this.carSN + '&VehicleInfoSN='+_this.VehicleInfoSN + '&type=' + _this.carInfoType + '&orderData=' + JSON.stringify(_this.orderData)
				
				});
			},
			do_addCycle(){  //添加周期
       _this.cycleAddShow = true;
			 _this.isAddNew = true;
			 _this.cycleEditData = {
			 	Class3: "",
			 	ExpireDate:(new Date()).getFullYear()+ '-' + (parseInt((new Date()).getMonth())+1) +'-'+(new Date()).getDate(),
			 	ExpireMil: 0,
			 	Remark: '',
			 	ItemModelSN:"",
			 	TS:'',
			 	SN:'',
			 	IsChangeItem:true,
				VehicleInfoSN:_this.VehicleInfoSN,
			 	fils: []
			 }
			},
			go_more(item){
				if(item =="cardTicket"){
					uni.navigateTo({
						url: '../more_ticket/more_ticket'
					});
				}else if(item == "carHistory"){
					uni.navigateTo({
						url: '../shopping_history/shopping_history'
					});					
				}
			},
			
			do_addCycleSubmit(item,name){
				if(name == "submit"){
						_this.doSavePeriodicTable(item);  //调用保存接口
				}else{
					_this.cycleAddShow = false
				}
			},
			addNewCycle(item,type){ //编辑周期
				if(type == "edit"){
					_this.GetPeriodicTable_Edit(item.PeriodicTableSN) //调用此信息接口，数据回来再打开编辑组件
				}else if(type == "delete"){
					uni.showModal({
						title: '温馨提示',
						content: '请确认是否要删除此数据！',
						success:function(res){ 
							if(res.confirm){
									_this.doDelPeriodictTable(item.PeriodicTableSN)
							}
						}
					});

				}
			}
		}
	}
</script>

<style>
	.zc-swiper-tab{border-radius: 0!important;margin-bottom: 0!important;border: none!important;}
	.swiper-tab-list{color: #9B9B9B;width: 25%!important;background-color: #FFFFFF;border: none!important;padding: 20upx 0!important;}
	.uni-tab-bar .active{color: #3CA4F9!important;background-color: #FFFFFF;position: relative;text-align: center;}
	.uni-tab-bar .active:after{content: '';position: absolute;width: 25%;height: 5upx;background-color: #3CA4F9;left: 35%;bottom: 0;border-radius: 3upx;}
	.zc-swiper-tab{
		display: flex;
		border: none !important;
		width: 100%;
	}
	.tab-bar{
		/* margin-top: 25upx; */
	}
	.swiper-box{
	position: absolute;
	top:580upx;
	bottom:0;
	width: 100%;
	padding-top: 10upx ;
	box-sizing: border-box;
	transition: top .5s ease;
	}
	.swiper-box2{
		position: absolute;
		top:210upx;
	}
	swiper{
	height: auto; 
	}
	.scroll-view{
		height: 100%;
	}
.title{
			min-height: 80upx;
			line-height: 80upx;
			border-bottom: 2upx solid #e5e5e5;
			background: #fff;
		}
	.left-color-grey{
		flex: 0 0 150upx;
		color:  #9B9B9B;
	}	
		.paddingB100upx{
		padding-bottom: 100upx;
	}
	/* 开单 */
	.make-order{
		padding: 0 20upx;
		background-color: #fff;
			box-shadow: 1upx 1upx 5upx 4upx #EAEDF1;
	}
	.make-order>.title:nth-of-type(2){
		border: none;
	}
	.icon-jia:before{
		color: #4FADFB;
		font-size: 44upx;
		margin-right: 40upx;
		margin-top: 10upx;

	}
	.icon-jia{
			font-size: 34upx !important;	
	}
	.select-list{
		/* margin-top: 30upx; */
		/* max-height: 300upx; */
		padding-bottom: 100upx;
		overflow: auto;
		box-sizing: border-box;
		overflow: auto;
	}
		.select-list>view{
			height: 50upx;
			line-height: 50upx;
		}
		.bottom-btn{
			position: fixed;
			bottom: 0upx;
			height: 100upx;
			line-height: 100upx;
			width: 100%;
			z-index: 777;
		}
		.bottom-btn button{
			flex: 1;
			background-color: #50ADFD;
			color: #fff;
			border-radius: 0;
		}
		.bottom-btn-view{
			height: 98upx !important;
		}
		.bottom-btn-view>button{
			height: 100upx !important;
		}
		.bottom-btn button:nth-of-type(1),.bottom-btn button:nth-of-type(2){
			color: #969696;
			background-color: #fff;
			border-top:1upx solid #ccc ;
		}
		.bottom-btn button:nth-of-type(1){
			border-right: 1upx solid #ccc;
		}
		/* 车周期 */

			.add-cycle-btn{
			border: none !important;
			height: 100upx;
			line-height: 100upx;
			background:#50ADFD !important;
			color: #fff !important;
		}
.cycle-select{
	position: absolute;
	width: 100%;
	top:0;
	bottom: 0;
	z-index: 9999;
	background-color: #fff;
}
/* 2018-11-29 新加展示线索详情 */
.show-detail-wrap{
	position: absolute;
	top:0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 9999;
}
.show-detail-info{
	width: 80%;
	min-height: 160upx;
	padding: 30upx 20upx;
	border-radius: 12upx;
	background-color: #fff;
	box-sizing: border-box;
	position: relative;
	top:-370upx
}
.show-detail-info>view{
	min-height:60upx ;
	line-height: 60upx;
	align-items: center;
}
/* 2019-12-12 */
	.zc-swiper-tab{border-radius: 0!important;margin-bottom: 0!important;border: none!important;}
	.swiper-tab-list{color: #9B9B9B;width:25%!important;background-color: #FFFFFF;border: none!important;padding: 20upx 0!important;}
	.uni-tab-bar .active{color: #3CA4F9!important;background-color: #FFFFFF;position: relative;text-align: center;}
	.uni-tab-bar .active:after{content: '';position: absolute;width: 25%;height: 5upx;background-color: #3CA4F9;left: 50%;margin-left: -12.5%;bottom: 10upx;border-radius: 3upx;}
	.zc-swiper-tab{
		display: flex;
		border: none !important;
		width: 100%;
	}
	.uni-tab-bar{background-color: #fff;}
	
</style>
